<template>
  <div class="tool">
    <el-row :gutter="10">
      <el-col class="web-item" v-for="(q, qi) in webList" :key="qi" :xs="24" :sm="12" :md="6">
        <el-card class="box-card" @click.native="jumpTo(q)" :style="{backgroundImage: `url(${q.img})`, color: q.color}">
          <div slot="header">{{ q.title }}</div>
          <el-tooltip class="item" effect="dark" :content="q.description" placement="top">
            <article>{{ q.description }}</article>
          </el-tooltip>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<script lang="ts" src="./index.ts"></script>
<style scoped lang="less">
  @import "index.less";
</style>
